<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<title>index</title>
		<link rel="stylesheet" href="../../source/plugins/layui/css/layui.css" />
		<link rel="stylesheet" href="../../source/plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="../../source/plugins/datatables/jquery.dataTables.min.css" />
		<link rel="stylesheet" href="../../source/css/system.css" />
	</head>

	<body>
		<div class="admin-submain">
			<div class="layui-tab layui-tab-brief admin-subtab">
				<ul class="layui-tab-title" id="one-tab">
					<li class="layui-this">订单详情</li>
					<li>发货信息</li>
					<li>收款信息</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<div class="admin-tab-right">
							<span class="icon-wrapper">
								<button><i class="fa fa-print" aria-hidden="true"></i>打印</button>
								<button><i class="fa fa-share-square-o" aria-hidden="true"></i>导出</button>
								<button type="button" class="ant-btn ant-btn-ghost" id="datail-savebtn"><span>保 存</span></button>
							</span>
						</div>
						<section class="admin-list-detail">
							<div class="admin-collapse">
								<div class="admin-colla-item">
									<h2 class="admin-colla-title">
										<i class="fa fa-file-text-o" aria-hidden="true"></i>订单详情
									</h2>
									<div class="admin-colla-content">
										<ul class="info-list">
											<li class="info-listbox layui-elip width100">
												<label class="name">订单号：</label><div class="info detail-tips-hover">QD-1001QD-1001</div><span class="order-state">备货中</span>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">订单生成时间：</label><div class="info detail-tips-hover">2017-4-21  10：10</div>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">最迟交货时间：</label><div class="info detail-tips-hover">2017-5-04</div>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">预计制造天数：</label><div class="info detail-tips-hover">20天</div>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">厂址编号：</label><div class="info detail-tips-hover">156651651655</div>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">厂址名称：</label><div class="info detail-tips-hover">上海市有名制造厂</div>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">厂址地址：</label><div class="info detail-tips-hover">浙江省杭州市西湖区难休息休息街道</div>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">厂址联系人：</label><div class="info detail-tips-hover">王某某</div>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">联系人职务：</label><div class="info detail-tips-hover">技术总监</div>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">联系电话：</label><div class="info detail-tips-hover">15856214751</div>
											</li>
											<li class="info-listbox layui-elip width33">
												<a href="javascript::void;" class="contract-number">
													<label class="name">合同编号：</label>
													<div class="info detail-tips-hover">ht6581265458461313</div>
												</a>
											</li>
											<li class="info-listbox layui-elip width33">
												<label class="name">合同名称：</label><div class="info detail-tips-hover">改变世界</div>
											</li>
										</ul>
									</div>
								</div>
								<div class="admin-colla-item">
									<h2 class="admin-colla-title">
										<i class="fa fa-file-text-o" aria-hidden="true"></i>商品信息
									</h2>
									<div class="admin-colla-content">
										<div class="submain-table" style="overflow: visible;">
											<table class="layui-table table-static">
											 	<tr>
											 		<th width="80">商品图片</th>
											 		<th>商品编号</th>
											 		<th>商品名称</th>
											 		<th>规格</th>
											 		<th>数量</th>
											 		<th>商品参数</th>
											 		<th>商品单价</th>
											 		<th>金额小计</th>
											 		<th>备注</th>
											 	</tr>
											 	<tr>
											 		<td><img src="../../source/images/head.jpg" width="100%" class="goods-img img-hover-show"></td>
											 		<td>315621</td>
											 		<td>钢材 半径10mm</td>
											 		<td>10cm</td>
											 		<td>50</td>
											 		<td>120</td>
											 		<td>200.00</td>
											 		<td>500.00</td>
											 		<td>还可以</td>
											 	</tr>
											 	<tr>
											 		<td><img src="../../source/images/head.jpg" width="100%" class="goods-img img-hover-show"></td>
											 		<td>315621</td>
											 		<td>钢材 半径10mm</td>
											 		<td>10cm</td>
											 		<td>50</td>
											 		<td>120</td>
											 		<td>200.00</td>
											 		<td>500.00</td>
											 		<td>还可以</td>
											 	</tr>
											</table>
											<div  class="table-footer-wrapper">
									 			<ul>
									 				<li>
									 					<label>商品价格：</label>
									 					<span class="color-red num">2000.00</span>
									 				</li>
									 				<li>
									 					<label>物流费用：</label>
									 					<span class="color-red num">100.00
										 					<i class="i-detail">
										 						<span class="i-detail-span">详</span>
										 						<div class="i-detail-show">
										 							<ul>
										 								<li>厂址地址：<span>上海市浦东区</span></li>
										 								<li>送货地址：<span>上海市浦东区</span></li>
										 								<li>直线距离：<span>100km</span></li>
										 								<li>计算方式：<span>按体积计算</span></li>
										 								<li>货物体积：<span>100kg</span></li>
										 								<li>物流单价：<span>100元/公里*立方米</span></li>
										 								<li>物流总价：<span class="color-red">￥1000</span></li>
										 							</ul>
										 						</div>
										 					</i>
									 					</span>
									 				</li>
									 				<li>
									 					<label>合计：</label>
									 					<span class="color-red num">2100.00</span>
									 				</li>
									 			</ul>
										 	</div>
										</div>
									</div>
								</div>
							</div>
						</section>
					</div>
				</div>
			</div>
		</div>
		
		<script src="../../source/plugins/layui/layui.js"></script>
		<script src="../../source/plugins/datatables/jquery-1.12.4.js"></script>
		<script src="../../source/plugins/datatables/jquery.dataTables.min.js"></script>
		<script src="../../source/plugins/datatables/dataTables.fixedColumns.js"></script>
		<script src="../../source/js/datatables-config.js"></script>
		<script src="../../source/js/system.js"></script>
		<script>
			
			layui.use(['element', 'layer'], function(){
			  	
			  	//点击保存跳转到发货信息tab
			  	$("#datail-savebtn").on("click", function(){
			  		$("#one-tab").find("li").eq(1).click();
			  	})
			})

		</script>
	</body>

</html>